@CHARSET "UTF-8";
li{list-style:none} 
a{text-decoration:none;}



/* nav */

.nav{width: 200px;height: 100%;transition: all .3s;overflow: auto;margin:0 auto;position: relative;
    top: 10px;}
.nav-ul{margin:0;padding:0;}
.nav a{display: block;overflow: hidden;line-height: 30px;max-height: 30px;color: #ffffff;transition: all .3s;background: rgba(51,122,186,0.81);border-bottom:1px solid #17b1d5}
.nav a span{margin-left:30px;font-size: 16px;color: #FFFFFF;}
.nav-item{position: relative;}//#467ca2
.nav-item.nav-show{border-bottom: none;}
.nav-item ul a span{display: inline-block;padding:0 15px;border-left:1px dashed #53749a}
.nav-item ul a{background: none;border:0;}
.nav-item ul{display: none;margin:0;padding:0;text-align: left;padding:10px 0;}
.nav-item.nav-show ul{display: block;}
/*.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 36px;background: #34A0CE;opacity:0;transition: all .3s;}*/
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}


.nav .nav-top #mini{height:45px;line-height:45px;padding-left:10px;color: white;background-color: #4380B8}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
.icon_4::after{content: "\e62c";}
.icon_5::after{content: "\e62e";}
/*---------------------*/
.nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color: #FFF;/* background:rgba(0,0,0,.1); */}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #FFF;background: rgba(0, 0, 0,.1);}

/* nav-mini */
.nav-mini.nav{width: 60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}